<%--
  Created by IntelliJ IDEA.
  User: Gaara_XHG
  Date: 2020/9/24
  Time: 19:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>模板</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/PersonalCenter.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/footer.css">
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/superslide.2.1.js"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
</head>
<body>
<div id="nav_my"></div>
<div class="body">
    <div class="module-banner">
        <div class="module-banner-box">
            <div class="module-banner-tab clearfix">
                <div class="module-banner-tab-list hd">
                    <ul class="module-tab-nav">
                        <li class="on">
                            <p>个人信息</p>
                        </li>
                        <li>
                            <p>收藏车辆</p>
                        </li>
                        <li>
                            <p>降价提醒</p>
                        </li>
                        <li>
                            <p>浏览记录</p>
                        </li>
                    </ul>
                </div>
                <!--==右侧展开框==-->
                <div class="module-banner-tab-list-box bd">
                    <ul class="module-tab-box-ma">
                        <!--1、begin-->
                        <div class="mr-detail">
                            <div class="mr-tab clearfix">
                                <a class="on">个人资料管理 </a>
                                <a>修改密码</a>
                            </div>
                            <div class="me-box me-box1">
                                <div class="me-dl" style="display:block;">
                                    <div class="me-one">
                                        <div class="accForm">
                                            <form action="" enctype="multipart/form-data" name="editM" method="post" onsubmit="return checkpost();">
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        手机号码
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="text" class="ar-txt" name="mobile" placeholder="请输入手机号码" value="15138911875" disabled="disabled">
                                                    </div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        姓名
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="text" class="ar-txt" name="realname" placeholder="请输入您的姓名" value="董平运">
                                                    </div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        性别
                                                    </label>
                                                    <div class="af-r fl dInline">
												<span>
													<input type="radio" name="gender" value="M"> 男
												</span>
                                                        <span>
													<input type="radio" name="gender" checked="" value="F"> 女
												</span>											</div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        邮箱
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="text" class="ar-txt" name="email" placeholder="请输入您的邮箱" value="">
                                                    </div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="submit" value="提 交" class="ar-btn">
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="me-dl" style="display:none;">
                                    <div class="me-one">
                                        <div class="accForm">
                                            <form action="" enctype="multipart/form-data" name="editP" method="post" onsubmit="return checkPasspost();">
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        当前密码
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="password" class="ar-txt" name="password" placeholder="请输入当前密码" value="">
                                                    </div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        新密码
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="password" class="ar-txt" name="password1" placeholder="请输入新密码" value="">
                                                    </div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                        确认新密码
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="password" class="ar-txt" name="password2" placeholder="请确认输入的新密码" value="">
                                                    </div>
                                                </div>
                                                <div class="afl clearfix">
                                                    <label class="fl">
                                                    </label>
                                                    <div class="af-r fl dInline">
                                                        <input type="submit" value="提 交" class="ar-btn">
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--1、end-->
                    </ul>
                    <ul class="module-tab-box-ma">
                        <!--2、begin-->
                        <div class="mr-detail">
                            <div class="mr-tab clearfix">
                                <a class="on">我收藏的车型</a>
                            </div>
                            <div class="me-box">
                                <div class="me-dl" style="display: block;">
                                    <div class="me-one" id="me-four">
                                        <ul class="cs-list">
                                            <li class="clearfix" style="position: relative;">
                                    <span class="carImg fl dInline">
                                      <a href="#" target="_blank">
                                        <div class="car_bg">  </div>
                                        <img src="../../img/recordHistory.jpg" onerror="this.src='../../img/recordHistory.jpg'"  width="250px" style="margin-left: 40px">
                                                                                  <img src="#" onerror="this.src='#'"  width="250px" style="margin-left: 40px">
                                      </a>
                                    </span>
                                                <div class="carTxt fr dInline">
                                                    <h2><a href="#" target="_blank">奥迪A4L 2013 款 2.0T CVT 35TFSI 技术型</a></h2>
                                                    <p>
                                                        <span>上牌时间：2014-06</span>
                                                        <span>行驶里程：0.8万公里</span>
                                                        <span>排量：2.0T</span>
                                                        <span>排放标准：</span>
                                                    </p>
                                                    <div class="price clearfix" style="margin:5px 0;">
                                                        <div class="fl dInline pNum">
                                                            <font>一口价</font><br>
                                                            <span class="num nBlue">28.2
                                          </span><font> 万元</font>
                                                        </div>
                                                        <span class="num1 fl" style="height:43px;padding-top:10px;">
                                          <em>新车价：40.14万元(含40140元购置税)</em>
                                          <br>				为您节省：11.94万元
                                          <input type="hidden" class="CarValue_287" value="{img:'/',id:'224',price:'28.2',status:'',title:'奥迪A4L 2013 款 2.0T CVT 35TFSI 技术型',url:'#'}">
                                        </span>
                                                    </div>
                                                    <div class="cs_bt clearfix">
                                                        <a href="#" class="cs-q">立即抢订</a>
                                                        <a href="javascript:void(0)" onclick="delNeedThis('287')">取消收藏</a>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="hPages">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--2、end-->
                    </ul>
                    <ul class="module-tab-box-ma">
                        <!--3、begin-->
                        <div class="mr-detail">
                            <div class="mr-tab clearfix">
                                <a class="on" style="color:red;font-weight: bold">降价提醒：</a>
                            </div>
                            <div class="me-box">
                                <div class="me-dl" style="display: block;">
                                    <div class="me-one" id="me-five">
                                        <ul class="cs-list">
                                            <li class="clearfix" style="position: relative;">
                                    <span class="carImg fl dInline">
                                      <a href="#" target="_blank">
                                        <div class="car_bg">  </div>
<%--                                        <img src="../../img/recordHistory.jpg" onerror="this.src='../../img/recordHistory.jpg'" width="250px" style="margin-left: 40px">--%>
                                      </a>
                                    </span>
                                                <div class="carTxt fr dInline">
                                                    <h2><a href="#" target="_blank">奥迪A4L 2013 款 2.0T CVT 35TFSI 技术型</a></h2>
                                                    <p>
                                                        <span>上牌时间：2014-06</span>
                                                        <span>行驶里程：0.8万公里</span>
                                                        <span>排量：2.0T</span>
                                                        <span>排放标准：</span>
                                                    </p>
                                                    <div class="price clearfix" style="margin:5px 0;">
                                                        <div class="fl dInline pNum">
                                                            <font>一口价</font><br>
                                                            <span class="num nBlue"  style="color: red;font-weight: bold">26.2
                                          </span><font> 万元</font>
                                                        </div>
                                                        <span class="num1 fl" style="height:43px;padding-top:10px;">
                                          <em>新车价：40.14万元(含40140元购置税)</em>
                                          <br>				为您节省：11.94万元
                                          <input type="hidden" class="CarValue_287" value="{img:'/',id:'224',price:'28.2',status:'',title:'奥迪A4L 2013 款 2.0T CVT 35TFSI 技术型',url:'#'}">
                                        </span>
                                                    </div>
                                                    <div class="cs_bt clearfix">
                                                        <a href="#" class="cs-q">立即抢订</a>
                                                        <span style="color: red;font-weight: bold">降价力度：2万</span>
                                                        <sapn style="color: red;font-weight: bold">|原价：28.2万</sapn>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="hPages">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--3、end-->
                    </ul>
                    <ul class="module-tab-box-ma">
                        <!--4、begin-->
                        <div class="mr-detail">
                            <div class="row" style="margin-top: 10px;">
                                <div class="col-md-6" style="margin-left: 20px;">
                                    <button type="button" class="btn btn-primary btn-sm">
                                        <span class="glyphicon glyphicon-refresh"></span>刷新
                                    </button>
                                    <button type="button" class="btn btn-danger btn-sm">
                                        <span class=" glyphicon glyphicon-trash"></span>批量删除
                                    </button>
                                </div>
                            </div>
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade in active" id="home">
                                    <table class="table table-hover table-responsive">
                                        <thead>
                                        <tr>
                                            <th><input type="checkbox"></th>
                                            <th>序号</th>
                                            <th>车辆封面</th>
                                            <th>车辆详情</th>
                                            <th>售价</th>
                                            <th>车龄</th>
                                            <th>浏览时间</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td><input type="checkbox"></td>
                                            <td>1</td>
<%--                                            <td><img src="../../img/recordHistory.jpg" alt="" class="recordHistory"></td>--%>
                                            <td><img src="#" alt="" class="recordHistory"></td>
                                            <td>牧羊人 2020 款 4.0T CVT 35TFSI 技术型</td>
                                            <td>26.5W</td>
                                            <td>2年</td>
                                            <td>2020-09-21 19:24:26</td>
                                            <td>
                                                <a class="text-danger" href="#"><span class="glyphicon glyphicon-trash"></span></a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox"></td>
                                            <td>2</td>
<%--                                            <td><img src="../../img/recordHistory.jpg" alt="" class="recordHistory"></td>--%>
                                            <td><img src="#" alt="" class="recordHistory"></td>
                                            <td>牧羊人 2020 款 4.0T CVT 35TFSI 技术型</td>
                                            <td>26.5W</td>
                                            <td>2年</td>
                                            <td>2020-09-21 19:24:26</td>
                                            <td>
                                                <a class="text-danger" href="#"><span class="glyphicon glyphicon-trash"></span></a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox"></td>
                                            <td>3</td>
<%--                                            <td><img src="../../img/recordHistory.jpg" alt="" class="recordHistory"></td>--%>
                                            <td><img src="#" alt="" class="recordHistory"></td>
                                            <td>牧羊人 2020 款 4.0T CVT 35TFSI 技术型</td>
                                            <td>26.5W</td>
                                            <td>2年</td>
                                            <td>2020-09-21 19:24:26</td>
                                            <td>
                                                <a class="text-danger" href="#"><span class="glyphicon glyphicon-trash"></span></a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox"></td>
                                            <td>4</td>
<%--                                            <td><img src="../../img/recordHistory.jpg" alt="" class="recordHistory"></td>--%>
                                            <td><img src="#" alt="" class="recordHistory"></td>
                                            <td>牧羊人 2020 款 4.0T CVT 35TFSI 技术型</td>
                                            <td>26.5W</td>
                                            <td>2年</td>
                                            <td>2020-09-21 19:24:26</td>
                                            <td>
                                                <a class="text-danger" href="#"><span class="glyphicon glyphicon-trash"></span></a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox"></td>
                                            <td>5</td>
<%--                                            <td><img src="../../img/recordHistory.jpg" alt="" class="recordHistory"></td>--%>
                                            <td><img src="#" alt="" class="recordHistory"></td>
                                            <td>牧羊人 2020 款 4.0T CVT 35TFSI 技术型</td>
                                            <td>26.5W</td>
                                            <td>2年</td>
                                            <td>2020-09-21 19:24:26</td>
                                            <td>
                                                <a class="text-danger" href="#"><span class="glyphicon glyphicon-trash"></span></a>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td colspan="6">
                                                <div style="text-align: center;">
                                                    <ul class="pagination">
                                                        <!-- <ul class="pagination pager"></ul> -->
                                                        <li><a href="#">&laquo;</a></li>
                                                        <li class="active"><a href="#">1</a></li>
                                                        <li><a href="#">2</a></li>
                                                        <li><a href="#">3</a></li>
                                                        <li><a href="#">4</a></li>
                                                        <li><a href="#">5</a></li>
                                                        <li><a href="#">&raquo;</a></li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!--4、end-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--===-->
    <script type="text/javascript">
        jQuery(".module-banner-tab").slide({trigger:"click",delayTime:1000});
    </script>
</div>
<!--网站底部-->
<div id="footer">
</div>


<script src="../../plugins/jquery/jquery.min.js"></script>
<script src="../../plugins/bootstrap-3.3.7-dist/js//bootstrap.js"></script>
<script>
    $(function(){
        $("#nav_my").load("../common/nav.jsp");
        $("#footer").load("../common/footer.jsp");
    })
</script>
<!--1、begin-->
<script type="text/javascript">
    $(function(){
        $('.mr-tab a').each(function(index){
            $(this).click(function(){
                $(this).addClass('on').siblings().removeClass('on');
                $('.me-dl').eq(index).show().siblings().hide();
            })
        });
    })
</script>
<script>
    function checkpost(){
        var realname=editM.realname.value;//手机号
        var gender=editM.gender.value;//验证码
        var email=editM.email.value;//姓名
        var Yemail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; //邮箱验证
        var url='/Member/manage/channel/7/list/15';
        if(realname.length>10){
            alert("姓名要不得大于10个字符");
            editM.realname.focus();
            return false;
        }
        if(!Yemail.exec(email)&&email!=''){
            alert("邮箱格式不正确");
            editM.email.focus();
            return false;
        }
        $.ajax({
            type: "POST",
            url: url,
            data: {realname:realname, gender:gender,email:email},
            dataType: "json",
            success: function(data){
                alert(data.msg);
            }
        });
        return false;
    }
    function checkPasspost(){
        var password=editP.password.value;//性别
        var password1=editP.password1.value;//密码
        var password2=editP.password2.value;//密码
        var Ypass=/\S{6,}/;//密码验证
        var url='/Member/manage/channel/7/list/15';
        if(!password1){
            alert("请输入新密码");
            editP.password1.focus();
            return false;
        }
        if(!password2){
            alert("请重复输入新密码");
            editP.password2.focus();
            return false;
        }
        if(password1!=password2){
            alert("两次新密码输入不同");
            editP.password1.focus();
            return false;
        }
        if(!Ypass.exec(password1)){
            alert("密码格式不正确，必须以字母开头的6-16 字母，数字");
            editP.password1.focus();
            return false;
        }
        $.ajax({
            type: "POST",
            url: url,
            data: {password:password,password1:password1},
            dataType: "json",
            success: function(data){
                alert(data.msg);
            }
        });
        return false;
    }
</script>
<!--1、end-->
</body>
</html>
